page {
	height: 100%;
	font-size: 28rpx;
	color: #333;
	background: #F5F5F5;
}

view,
scroll-view,
swiper,
movable-view,
icon,
text,
progress,
button,
checkbox,
form,
input,
label,
picker,
picker-view,
radio,
slider,
switch,
textarea,
navigator,
audio,
image,
video,
map,
canvas,
contact-button {
	box-sizing: border-box;
}

button {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 18px;
}

::-webkit-scrollbar {
	display: none;
}

button::after {
	border: none;
}

.uni-page-head {
	z-index: 9999 !important;
}

.container {
	width: 100%;
	height: auto;
}

.p-a {
	position: absolute;
}

.p-r {
	position: relative;
}

.p-f {
	position: fixed;
}


/*底部导航样式*/

.navbar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 115rpx;
	background: #fff;
	color: #555;
	z-index: 2001;
	border-top: 1rpx solid rgba(0, 0, 0, 0.1);
}

.navbargator {
	height: 100%;
	width: 1%;
}

.navbar-view {
	width: 100%;
	height: 100%;
}

.navbar .navbar-icon {
	width: 36rpx;
	height: 36rpx;
}

.navbar .navbar-text {
	font-size: 22rpx;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 8rpx;
}


/*+-*/

.reducecon {
	height: 60rpx;
	overflow: hidden;
	transition: all 0.3s linear;
	opacity: 0;
	/* width:0; */
	transform: rotate(180deg);
	transform: translateX(50rpx);
}

.reducecon.active {
	opacity: 1;
	min-width: 105rpx;
	transform: rotate(0);
}

.cartc {
	width: 60rpx;
	height: 60rpx;
}

.cartggc {
	height: 60rpx;
}

.cartadd {
	background: #C2C2C2;
	position: relative;
	width: 50rpx;
	height: 50rpx;
	border-radius: 50%;
	padding: 0;
	margin: 0;
}

.cartadd::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	height: 5rpx;
	width: 20rpx;
	background: #fff;
	display: block;
	border-radius: 10rpx;
}

.cartadd::before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	height: 20rpx;
	width: 5rpx;
	background: #fff;
	display: block;
	border-radius: 10rpx;
}

.cartdec {
	background: #fff;
	position: relative;
	width: 50rpx;
	height: 50rpx;
	border-radius: 50%;
	padding: 0;
	border: 2rpx solid #C2C2C2;
	margin: 0;
}

.cartdecab {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 5rpx;
	width: 18rpx;
	background: #fff;
	display: block;
	border-radius: 10rpx;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.bb1 {
	border-bottom: 1px solid #f6f6f6;
}

.bd1 {
	border-bottom: 3rpx dotted #e5e5e5;
}

.bt1 {
		border-top: 3rpx dotted #e5e5e5;
	}

li {
	list-style: none;
}

/*flex布局*/
.dfa {
	display: flex;
	align-items: center;
}

.dfac {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.dfbc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.f-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.f-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.f-c {
	display: flex;
	align-items: center;
}

/*占比*/

.f-g-0 {
	min-width: 0;
	flex-grow: 0;
	flex-shrink: 0;
}

.f-g-1 {
	min-width: 0;
	flex-grow: 1;
	flex-shrink: 1;
}

.f-1 {
	flex: 1;
	min-width: 0;
}

.f-s-1 {
	flex-shrink: 1;
}

.f-s-0 {
	flex-shrink: 0;
}

.f-b-25 {
	flex-basis: 25%;
}

/*居中*/

.f-c {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.f-c-c {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.f-x-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.f-y-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}

.f-c-xc {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.f-c-ac {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/*wrap*/

.f-w {
	flex-wrap: wrap;
}

.f-raw {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.f-nw {
	flex-wrap: nowrap;
}

.b0 {
	bottom: 0;
}

/*end*/
.f-e {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.f-c-e {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.f-e-c {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

.f-s {
	display: flex;
	align-items: flex-start;
}

.f-s-ac {
	display: flex;
	align-items: flex-start;
	align-items: center;
}

.f-c-s {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.f-y-e {
	display: flex;
	align-items: flex-end;
}

.f-x-e {
	display: flex;
	justify-content: flex-end;
}

.f-x-c {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.f-sh {
	display: flex;
	align-items: stretch;
}

/*space-betwee*/

.f-bt {
	display: flex;
	justify-content: space-between;
}

.f-x-bt {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.f-e-bt {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.f-s-bt {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.f-y-bt {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.f-x-ad {
	display: flex;
	justify-content: space-around;
}

.f-x-c-sa {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.f-y-ad {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

/**/
.f-a-b {
	align-items: baseline;
}

.f-c-b {
	display: flex;
	justify-content: center;
	align-items: baseline;
}

.f-y-t {
  display: flex;
  align-items: flex-start;
}

/*  宽度样式  */

.w100 {
	width: 100%;
}

.w50 {
	width: 50%;
}

.w45 {
	width: 45%;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w33 {
	width: 33.33%;
}

.w70 {
	width: 70%;
}

.w75 {
	width: 75%;
}

.w80 {
	width: 80%;
}

.h100 {
	height: 100%;
}

.mh100 {
	min-height: 100%;
}

.mvh100 {
	min-height: 100vh;
}

.h0 {
	height: 0;
}

.wh {
	width: 100%;
	height: 100%;
}

.w100v {
	width: 100vw;
}

.h100v {
	height: 100vh;
}


/* 字体大小 */
.f10 {
	font-size: 20rpx;
}

.f11 {
	font-size: 22rpx;
}

.f12 {
	font-size: 24rpx;
}

.f13 {
	font-size: 26rpx;
}

.f14 {
	font-size: 28rpx;
}

.f15 {
	font-size: 30rpx;
}

.f16 {
	font-size: 32rpx;
}

.f17 {
	font-size: 34rpx;
}

.f18 {
	font-size: 36rpx;
}

.f20 {
	font-size: 40rpx;
}

.f22 {
	font-size: 44rpx;
}

.f24 {
	font-size: 48rpx;
}

.f26 {
	font-size: 52rpx;
}

.f28 {
	font-size: 56rpx;
}

.f30 {
	font-size: 60rpx;
}

.f32 {
	font-size: 64rpx;
}

.f34 {
	font-size: 68rpx;
}

.f40 {
	font-size: 80rpx;
}

.f70 {
	font-size: 140rpx;
}

/* 字体是否加粗 */

.wei {
	font-weight: bold;
}

.nowei {
	font-weight: normal;
}

.wei4 {
	font-weight: 400;
}

.wei5 {
	font-weight: 500;
}

.wei6 {
	font-weight: 600;
}

/*border-radius*/

.bs4{
	border-radius: 8rpx;
}
.bs20 {
	border-radius: 40rpx;
	overflow: hidden;
}

.bs5 {
	border-radius: 10rpx;
	overflow: hidden;
}

.bs6 {
	border-radius: 12rpx;
	overflow: hidden;
}

.bs10 {
	border-radius: 20rpx;
	overflow: hidden;
}

.bs15 {
	border-radius: 30rpx;
	overflow: hidden;
}

.bs30 {
	border-radius: 60rpx;
	overflow: hidden;
}

.bsf {
	border-radius: 50%;
	overflow: hidden;
}

.o-h {
	overflow: hidden;
}

.o-x-s {
	overflow-x: scroll;
}

.o-x-s::-webkit-scrollbar {
	display: none;
}

.o-y-s {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.o-a {
	overflow: auto;
}

.o-v {
	overflow: visible;
}

/* 文字颜色 */
.cl {
	color: #3d3d3d;
}

.fc {
	color: #3d3d3d;
	font-weight: 600;
}

.c9 {
	color: #999;
}

.c7 {
	color: #777;
}

.c6 {
	color: #666;
}

.c5 {
	color: #555;
}

.c3 {
	color: #333;
}

.c0 {
	color: #000;
}

.cf {
	color: #fff;
}

.cd {
	color: #ddd;
}

.ce {
	color: #eee;
}

.cef {
	color: #efefef;
}

.cb {
	color: #bbb;
}

.crb {
	color: #FA463D;
}

.cf7 {
	color: #fead77;
}

.cfa {
	color: #ff4d3a;
}

.cf5f {
	color: #FF5F2F;
}

.cf5 {
	color: #ef585e;
}

.ce5 {
	color: #e5e5e5;
}

.cf70 {
	color: #FF7F00;
}

.c8 {
	color: #888;
}

.cb2 {
	color: #b2b2b2;
}

.cf2 {
	color: #f2f2f2;
}

.cd3 {
	color: #d3d3d3;
}

/* 背景为白色 */

.bf {
	background: #fff;
}

.bfa {
	background: #fafafa;
}

.bf5 {
	background: #f5f5f5;
}

.bf6 {
	background: #f6f6f6;
}

.bf7 {
	background: #f7f7f7;
}

.bf8 {
	background-color: #f8f8f8;
}

.bec {
	background-color: #ECECEC;
}

.bfc {
	background: #FAFBFC;
}

.be {
	background: #eee;
}

.bf6 {
	background: #F6F6F6;
}

.bf9 {
	background: #f9f9f9;
}

.bd6 {
	background: #D6D6D6;
}

.bdd {
	background: #DDDDDD;
}

.b3 {
	background: #333;
}

.b9 {
	background: #999;
}

.bg0 {
	background: #000;
}

.b05 {
	background-color: rgba(0, 0, 0, 0.5);
}

.bt {
	background: transparent;
}

.br {
	background: #f00;
}

.bfbf {
	background: #fbf1e5;
}

.bf5f {
	background: #FF5F2F;
}

.bf25 {
	background: #ff0025;
}

.bb {
	background: #2d95ff;
}

.bg {
	background: #15c42d;
}

.by {
	background: #ffb71c;
}

.be6 {
	background: #EFF3F6;
}

.bf2f {
	background: #f2f2f2;
}

.b00 {
	background: #07C160;
}

.bef {
	background: #EF371F;
}

.bf0a {
	background: #FF5B0A;
}

.b-l-f4ee {
	background: linear-gradient(90deg, #f83144 0%, #ed4e6e 300%);
}

.b-l-f0f0 {
	background: linear-gradient(to right, #ff8200, #fd5b00);
}

.b-l-fdf3 {
	background: linear-gradient(to right, #f8c10d, #ff9503);
}

.b89d{
	background: #F8F9FD;
}

.t-o-e {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t-d-l {
	text-decoration: line-through;
}

.l-h1 {
	line-height: 1;
}

.mlr5{
	margin: 0 10rpx;
}

.m02 {
	margin: 0 20rpx;
}
.mt5 {
	margin-top: 10rpx;
}

.mt10 {
	margin-top: 20rpx;
}

.mt15 {
	margin-top: 30rpx;
}

.mt20 {
	margin-top: 40rpx;
}

.mt30 {
	margin-top: 60rpx;
}

.mt35 {
	margin-top: 70rpx;
}

.mt50 {
	margin-top: 100rpx;
}

.mt80 {
	margin-top: 160rpx;
}

.mb5 {
	margin-bottom: 10rpx;
}

.mb10 {
	margin-bottom: 20rpx;
}

.mb12 {
	margin-bottom: 24rpx;
}

.mb15 {
	margin-bottom: 30rpx;
}

.mb20 {
	margin-bottom: 40rpx;
}

.mb30 {
	margin-bottom: 60rpx;
}

.mr4 {
	margin-right: 8rpx;
}

.mr5 {
	margin-right: 10rpx;
}

.mr10 {
	margin-right: 20rpx;
}

.mr15 {
	margin-right: 30rpx;
}

.ml5 {
	margin-left: 10rpx;
}

.ml7 {
	margin-left: 14rpx;
}

.ml10 {
	margin-left: 20rpx;
}

.ml20 {
	margin-left: 40rpx;
}

.ml30 {
	margin-left: 60rpx;
}

.ml45 {
	margin-left: 90rpx;
}

.p2 {
	padding: 20rpx;
}

.p5 {
	padding: 10rpx;
}

.p10 {
	padding: 20rpx;
}

.p20 {
	padding: 40rpx;
}

.p15 {
	padding: 30rpx;
}

.p20 {
	padding: 40rpx;
}

.pb10 {
	padding-bottom: 20rpx;
}

.pb15 {
	padding-bottom: 30rpx;
}

.pb70 {
	padding-bottom: 70rpx;
}

.pb40 {
	padding-bottom: 80rpx;
}

.pb46 {
	padding-bottom: 92rpx;
}

.pb60 {
	padding-bottom: 120rpx;
}

.pb80 {
	padding-bottom: 160rpx;
}

.pt5 {
	padding-top: 10rpx;
}

.pt10 {
	padding-top: 20rpx
}

.pt15 {
	padding-top: 30rpx;
}

.pt50 {
	padding-top: 100rpx;
}

.pl5 {
	padding-left: 10rpx;
}

.pl10 {
	padding-left: 20rpx;
}

.pl20 {
	padding-left: 40rpx;
}

.pl30 {
	padding-left: 60rpx;
}

.pl40 {
	padding-left: 80rpx;
}

.pl50 {
	padding-left: 100rpx;
}

.pl80 {
	padding-left: 160rpx;
}

.pr5 {
	padding-right: 10rpx;
}

.pr10 {
	padding-right: 20rpx;
}

.pr15 {
	padding-right: 30rpx;
}

.pr20 {
	padding-right: 40rpx;
}

.p-0-5 {
	padding: 0 10rpx;
}

.p-0-10 {
	padding: 0 20rpx;
}

.p-0-20 {
	padding: 0 40rpx;
}

.p-5-0 {
	padding: 10rpx 0;
}

.p-5-8 {
	padding: 10rpx 16rpx;
}

.p-5-10 {
	padding: 10rpx 20rpx;
}

.p-5-15 {
	padding: 10rpx 30rpx;
}

.p-5-20 {
	padding: 10rpx 40rpx;
}

.p-5-25 {
	padding: 10rpx 50rpx;
}

.p-10-0 {
	padding: 20rpx 0;
}

.p-10-13 {
	padding: 20rpx 26rpx;
}

.p-10-15 {
	padding: 20rpx 30rpx;
}

.p-10-20 {
	padding: 20rpx 40rpx;
}

.p-15-13 {
	padding: 30rpx 26rpx;
}

.p-15-20 {
	padding: 26rpx 40rpx;
}

.p-15-0 {
	padding: 30rpx 0;
}

.p-15-10 {
	padding: 30rpx 20rpx;
}

.p-20-0 {
	padding: 40rpx 0;
}

.p-20-15 {
	padding: 40rpx 30rpx;
}

.p-25-0 {
	padding: 50rpx 0;
}

.p-30-0 {
	padding: 60rpx 0;
}

.p-30-20 {
	padding: 60rpx 40rpx;
}

.p-35-0 {
	padding: 70rpx 0;
}

.p-40-0 {
	padding: 80rpx 0;
}

.p-45-0 {
	padding: 90rpx 0;
}

.p-50-0 {
	padding: 100rpx 0;
}